$(function () {



    // 搜索框隐藏与显示
    {
        {
            $('#common-nav-search').focus(() => {
                // console.log(1)
                $('#common-nav-search ').hide()
                $('#common-input-search ').show()
                $('.nav-search-input').focus()
            })
        }

        {
            $('.nav-search-input').blur(() => {

                $('#common-nav-search ').show()

                $('#common-input-search ').hide()

                // 获取搜索框值清空
                $('.nav-search-input').val('')
            })
        }
    }

    //标题收藏悬浮
    {
        $('.header-favorites a').mouseenter(() => {
            $('.favorites-tips').stop().show();
        }).mouseleave(() => {
            $('.favorites-tips').stop().hide();
        })
    }


    // 购物车显示隐藏
    {
        let timer = null
        $('.shop-cart .icon-gouwuchekong, .my-cart').mouseenter(() => {
            clearTimeout(timer)
            $('.my-cart').stop().show()
        })


        $('.shop-cart .icon-gouwuchekong, .my-cart').mouseleave(() => {
            timer = setTimeout(function () {
                $('.my-cart').stop().hide()
            }, 100)
        })
    }

    // 中间部分 左菜单 绑定点击事情 添加一个css类名
    {
        // 添加一个css类名部分
        $('.m_item').click(function () {
            $(this).addClass('active').siblings('.m_item').removeClass('active')
        })


    }

    // 点击登录，弹出登录注册
    {
        const d = $('.Seite')
        const d1 = $('.modal-backdrop')

        $('#login-area').click(function () {
            const d2 = d.attr('a1')
            if (d2 == 'true') {
                d.show()
                d1.show()
                document.documentElement.style.overflow = 'hidden'
            }
            console.log(1)
        })

        $('.modal-backdrop').click(function () {
            d.hide()
            d1.hide()
            document.documentElement.style.overflow = ''
        })
    }



    // 悬浮作者列表，显示
    {

        $('.person .text .name').mouseenter(function () {
            const index = $(this).parents('.person').index()
            // console.log(index)

            $('.moco-usercard-dialog').eq(index).stop().show().siblings('.moco-usercard-dialog').hide()


        })
        $('.moco-usercard-dialog').mouseleave(function () {
            $('.moco-usercard-dialog').stop().hide()

        })

        $('.person .text  p span').mouseenter(function () {
            $('.moco-usercard-dialog').stop().hide()

        })

    }

    // 点击关注，弹出登录注册
    {
        $('.follow').click(function () {

            $('.Seite').show()
            $('.modal-backdrop').show()
        })
    }

    // 监听轮廓
    {
        const q = $('.special-header')
        const q1 = $('.recommended_author')
        const q2 = $('.column_recommend')
        const q3 = $('.elevator-top')
        $(document).on('scroll', function () {
            console.log()
            if (window.pageYOffset >= 64) {
                q.addClass('fix-header')
            } else {
                q.removeClass('fix-header')
            }

            if (window.pageYOffset >= 552) {
                q1.addClass('hide')
                q2.addClass('js-fixed')

            } else {
                q1.removeClass('hide')
                q2.removeClass('js-fixed')
            }

            if (window.pageYOffset >= 254) {
                q3.show()

            } else {
                q3.hide()
            }
        })



    }

    // 点击返回，等头部
    {
        $("#backTop").click(function () {
            $("html,body").animate({
                scrollTop: 0
            }, 200)
        })
    }
    // 固定部分

    $('.elevator-app').on('mouseenter', 'span', function () {
        $('.elevator-app-box').show()
    }).mouseleave(function(){
        $('.elevator-app-box').hide()
    })

    $('.elevator-weixin').on('mouseenter', 'span', function () {
        $('.elevator-weixin-box').show()
    }).mouseleave(function(){
        $('.elevator-weixin-box').hide()
    })
    {
        $('#res1').click( () =>{
            $('#res').show()
            $('#res1').hide()
        })
    }

    {
        $('#res').click( () =>{
            $('#res1').show()
            $('#res').hide()
        })
    }

    {
        {
            $('.li3').click( () =>{
                location.href = '/用户界面/用户界面.html'  
            })
        }
    }
    // 点击关注，弹出登录注册
    {
        $('.follow').click(function () {

            $('.Seite').show()
            $('.modal-backdrop').show()
        })
    }

    // 监听轮廓
    {
        const q = $('.special-header')
        const q1 = $('.recommended_author')
        const q2 = $('.column_recommend')
        const q3 = $('.elevator-top')
        $(document).on('scroll', function () {
            console.log()
            if (window.pageYOffset >= 64) {
                q.addClass('fix-header')
            } else {
                q.removeClass('fix-header')
            }

            if (window.pageYOffset >= 552) {
                q1.addClass('hide')
                q2.addClass('js-fixed')

            } else {
                q1.removeClass('hide')
                q2.removeClass('js-fixed')
            }

            if (window.pageYOffset >= 254) {
                q3.show()

            } else {
                q3.hide()
            }
        })



    }

    // 点击返回，等头部
    {
        $("#backTop").click(function () {
            $("html,body").animate({
                scrollTop: 0
            }, 200)
        })
    }
    // 固定部分

    $('.elevator-app').on('mouseenter', 'span', function () {
        $('.elevator-app-box').show()
    }).mouseleave(function(){
        $('.elevator-app-box').hide()
    })

    $('.elevator-weixin').on('mouseenter', 'span', function () {
        $('.elevator-weixin-box').show()
    }).mouseleave(function(){
        $('.elevator-weixin-box').hide()
    })
})